<template>
    <el-card class="box-card" :style="`height:${height}`">
        <div slot="header">
            <span class="label">{{label}}</span>
            <span class="more">
             <slot name="header"></slot>
            </span>
        </div>
        <slot name="content"></slot>
    </el-card>
</template>

<script>
    export default {
        props: {
            label: {default: '经典文章'},
            height: {String,default: '200px'}
        },
        components: {},
        data() {
            return {
            }
        },
        mounted() {
        },
        methods: {
        },

    };
</script>

<style lang="scss" >
    .box-card {
        .label {
            font-size: 13px;
            font-weight: bold;
        }
        .more {
            float: right;
            font-size: 13px;
        }
        .el-card__header {
            padding: 0 20px 3px 20px;
            height: 22px;
        }
        .el-card__body {
            padding: 0 10px;
        }

    }
</style>